* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html,
body,
#app,
.container {
    width: 100%;
    height: 100%;
}

.container {
    display: flex;
    flex-direction: column;

    .box {
        flex: 1;
        overflow: auto;
        display: flex;
        flex-direction: column;

        .header {
            line-height: 50px;
            background: #00cc99;

            .top {
                display: flex;
                justify-content: space-between;
            }

            .tag {
                li {
                    float: left;
                    margin-left: 5px;
                    width: 50px;
                    height: 30px;
                    background: #80e6cc;
                    line-height: 30px;
                    text-align: center;
                    border-radius: 15px;
                }
            }
        }

        .content {
            
            flex: 1;
            overflow: auto;

            .text {
                .top2 {
                    display: flex;
                    justify-content: space-between;
                }

                .tag2 {
                    li {
                        float: left;
                        font-size: 12px;
                        color: #aaaaaa;
                        margin-left: 20px;
                    }
                }
            }

            .text2 {
               
                .tag3 {
                    li {
                        float: left;
                        font-size: 12px;
                        color: #aaaaaa;
                        margin-left: 30px;
                    }
                }
            }
        }

    }

    .boxb{
        display: flex;
        flex-direction: column;
    }

    .footer {
        line-height: 50px;
        .van-tabbar-item--active{
            background: #00cc99;
            color: #fff;
            border-radius: 20px;
        }
    }
}